<!-- 内容渲染指令 -->
<!-- 1.被渲染指令修饰后不能再填写其他内容 -->
<!-- 2.v-html渲染内容为标签时,会将整个标签渲染出来 -->
<!-- 3.v-text渲染内容为标签时,只会渲染文本 -->
<script setup lang="ts">
const name = '哈哈哈哈'

const label = '<button>我是按钮哦</button>'
</script>

<template>
   <!-- v-html，v-text 直接替换标签内部的所有内容
 如果要部分替换：{{ }} 插值表达式(用的是最多的) -->
  <div v-text="name"></div>
  <div v-html="name"></div>

  <div v-html="label"></div>
  <div v-text="label"></div>

  <!-- 部分替换 -->
   <div >左边内容{{name }}右边内容 </div>
</template>

<style scoped></style>
